一套成熟的原生的JavaScript動畫引擎,提供給網站開發者、設計師、動畫師相當多基本的功能,淺顯易懂的操作方式,跨瀏覽器動畫,擁有著高質量、靈活、專業且輕量(主要核心只需要17k)
GitHub Star: 1,000
Javascripting Overall: 44%
瀏覽器: Chrome、Firefox和IE10+
RWD: 不支援(可運作)
License: MIT
CDN
<!-- KUTE.js v1.6.2 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/kute.js/1.6.2/kute.min.js"></script>
$ npm install kute.js
<div class="example">
<!-- 內容 -->
</div>
<style>
.example {
position: absolute; /* 設定絕對位置 */
}
</style>
<script>
var el = document.querySelector( ".example" );
var tween = KUTE.fromTo( el,
{
left: 50 // 起點
},
{
left: 500 // 終點
{
repeat: 3, // 循環次數
yoyo: true // 從終點在返回起點
}
);
tween.start();
</script>